<template>
	<!-- 最新动态 -->
	<div class="g">
		<van-cell title="最新动态" style="background-color: #dadcdd; font-size: 18px; font-weight: bold;"></van-cell>
		<div class="z1"></div>
		<div class="x">
			<div class="nn">
				<van-card style="margin-top: 0;" >
					<template #title>
						<div class="title" @click="message()">公安部:全国收网摧毁一批为电话诈骗提供通话...</div>
					</template>
					<template #desc>
						<div class="desc"  @click="message()">
							<img src="../../../assets/1.jpg">
						</div>
					</template>
					<template #footer>
						<div class="text1">国家反诈中心 10天前</div>
					</template>
				</van-card>
				<div class="z2"></div>
				<div class="z3"></div>
				<van-card style="margin-top: 0;">
					<template #title>
						<div class="title">公安部:全国收网摧毁一批为电话诈骗提供通话...</div>
					</template>
					<template #desc>
						<div class="desc">
							<img src="../../../assets/1.jpg">
						</div>
					</template>
					<template #footer>
						<div class="text1">国家反诈中心 10天前</div>
					</template>
				</van-card>
				<div class="z2"></div>
				<div class="z3"></div>
				<van-card style="margin-top: 0;">
					<template #title>
						<div class="title">公安部:全国收网摧毁一批为电话诈骗提供通话...</div>
					</template>
					<template #desc>
						<div class="desc">
							<img src="../../../assets/1.jpg">
						</div>
					</template>
					<template #footer>
						<div class="text1">国家反诈中心 10天前</div>
					</template>
				</van-card>
				<div class="z2"></div>
			</div>
		</div>
	</div>

</template>

<script>
	export default {
		name: 'homeDynamic',
		// props: {
		// 	newItems: Array,
		// },
		data() {
			return {
				
			};
		},
		methods:{
			message(){
				this.$router.push({ path: "/newsmessage" });
			}
		}
	}
</script>

<style>
	.x {
		display: flex;
		justify-content: space-around;
	}

	.z1 {
		width: 95%;
		height: 10px;
		background-color: #fafafa;
		border-radius: 15px 15px 0 0;
		margin-left: 2.5%;
	}

	.z2 {
		width: 100%;
		height: 10px;
		background-color: #fafafa;
		border-radius: 0 0 15px 15px;
	}

	.z3 {
		width: 100%;
		height: 10px;
		background-color: #fafafa;
		border-radius: 15px 15px 0 0;
		margin-top: 2%;
	}

	.nn {
		width: 95%;
	}

	.desc {
		display: flex;
		justify-content: center;
	}

    .nn .title {
		font-size: 15px;
		font-weight: bold;
	}

	 .desc img {
		width: 100%;
		height: 20%;
		padding-top: 2%;
	}

	.text1 {
		font-size: 12px;
		color: #b6b6b6;
		padding-top: 2.5%;
		display: flex;
		align-items: flex-start;
	}
</style>
